<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <ul>
        <li>七里香</li>
        <li>七里香41</li>
        <li>七里香5</li>
        <li>七里香7</li>

    </ul>
    <ol id="ol">
        <li>haojiujian</li>
        <li>haojiubuian</li>
        <li>haojiubujin</li>
        <li>haojiubujia</li>
    </ol>
    <script>
        //   1. getElementsByTagName 输入，处理， 输出
        //   根据标签名获取元素 （伪）数组
        let lis=document.getElementsByTagName('li')
        console.log(lis);

        //  2. 伪数组，具有数组的结构，但是不能使用数组的方法
        // lis=Array.from(lis);
        // lis.push('张飞')

        // 3.  获取元素内部的标签， 指定父级
        let ol=document.getElementById('ol');
        let result=ol.getElementsByTagName('li');
        console.log(result);

        // 4.遍历数组
        for(let i=0;i<result.length;i++){
        console.log(result[i]);
        };
    </script>
</body>

</html>